<!--
  礼包主页面文件
-->
<!--<ion-header-bar class="bar bar-header" align-title="center">-->
<!--<div class="buttons">-->
<!--<div class="button button-icon icon ion-navicon-round"  ng-click="openUerInfo()">-->
<!--</div>-->
<!--</div>-->
<!--<div class="title"><ion-tabs class="tabs-striped" >-->
<!--<div ng-repeat="item in onibatitems"><ion-tab title="{{item.title}}" href="{{item.href}}">-->
<!--</ion-tab></div></ion-tabs></div><div class="buttons"><button class="button button-icon icon ion-ios-search" >-->
<!--</button>-->
<!--</div>-->
<!--</ion-header-bar>-->
<ion-view title="萝卜玩娱乐社区">
    <ion-content  style="background-color: #eee;"  overflow-scroll="true" class="has-header">
        <div class="list" style="margin-bottom: -1px;" ng-if="myGiftItems.length > 0">
            <div class="item item-divider" style="color: #9096A6">
                我的礼包
            </div>
            <div class="item item-avatar" ng-repeat="item in myGiftItems" style="-webkit-user-select: auto;-moz-user-select: all;-ms-user-select: all;user-select: all;height: 7.6rem">
                <img ng-src="{{item.icon}}" style="max-width: 5rem;max-height: 5rem;border-radius: 30%;">
                <div style="margin: 0.5rem 0 0 1.5rem;line-height: 3rem;">
                    <h2 ng-bind="item.name" style="  width: 100px;"></h2>
                    <p>激活码：<span style="color:#FD7C0A;-webkit-user-select: auto;-moz-user-select: all;-ms-user-select: all;user-select: all;" ng-bind="item.packKey">1231564</span></p>
                </div>

            </div>
            <div class="item" style="text-align: center;">
                <img ng-src="img/gift/more.png" style="width: 87px;">
            </div>
        </div>
        <div class="list">
            <div class="item item-divider" style="color: #9096A6">
                礼包专区
            </div>
            <div class="item item-avatar item-button-right" ng-repeat="item in giftListItems" style="height: 7.6rem">
                <img ng-src="{{item.icon}}" style="max-width: 5rem;max-height: 5rem; border-radius: 30%;" >
                <div style="margin: 0.5rem 0 0 1.5rem;line-height: 3rem;">
                        <h2 ng-bind="item.name" style="  width: 100px;"></h2>
                        <p>
                            <img ng-src="img/gift/package.png" style="width: 17px;height: 17px;margin: 1px 2px -3px 0; ">到今天已有:<span style="color:#FD7C0A;" ng-bind="item.leftNum">123万</span>人领取了礼包
                        </p>
                </div>
                <button class="button" ng-class="{playButton:item.isPresent,playButtonBan:!item.isPresent}">
                    领取
                </button>
            </div>
            <div class="item" style="text-align: center;" ng-if="noMore">
                <p>───呼啦啦，全部了礼包都在这里了───</p>
            </div>
        </div>
        <ion-infinite-scroll on-infinite="loadMore()" distance="1%" ng-if="!noMore">
        </ion-infinite-scroll>
    </ion-content>
</ion-view>

